import React from 'react';
import './styles.less';
import {connect} from 'react-redux';

class WelcomePage extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        const {account} = this.props;
        return (
            <div className="welcome-page">
                <div className="welcome-bg"></div>
                <p className="welcome-title">欢迎来到您的空间</p>
                <p className="welcome-title">{account.username}</p>
                <p className="welcome-title">It's coming to you</p>
            </div>
        );
    }
}

const mapStateToProps = state => ({account: state.account});

export default connect(mapStateToProps)(WelcomePage);